﻿<%@ Page Title="Core Features of Draggable" Language="C#" MasterPageFile="~/Demo.master"
    Inherits="DemoPage" %>
<%@ Register Src="~/CodeFormatter.ascx" TagName="Code" TagPrefix="demo" %>
<asp:Content ID="Content1" ContentPlaceHolderID="DemoHolder" runat="Server">
    <div class="dna-state-help ui-corner-all" style="margin-bottom: 10px;">
       Click Tabs to swap between content that is broken into logical section Views.
    </div>
    <asp:Panel ID="Panel1" runat="server" Height="200px" Width="200px">
        <div class="ui-state-active ui-corner-top" style="padding: 5px; height: 20px;">
            Drag me around</div>
        <div style="padding: 10px; height: auto;" class="ui-widget-content ui-corner-bottom">
            I am the Panel Control enabled Draggable</div>
    </asp:Panel>
    <div id="divElement" style="height: 200px; width: 200px; position: absolute; float: left;
        left: 230px; top: 170px;">
        <div class="ui-state-active ui-corner-top" style="padding: 5px; height: 20px;">
            Drag me around</div>
        <div style="padding: 10px;" class="ui-widget-content ui-corner-bottom">
            I am the Div Html Element enabled Draggable</div>
    </div>
    <DotNetAge:Draggable ID="Draggable1" runat="server">
        <Target TargetIDs="Panel1,divElement" />
    </DotNetAge:Draggable>
    <br />
    <demo:Code runat="server" ID="codeView" SourceFile="~/Draggable/Codes/Core.aspx" />
</asp:Content>
